<template>
	<view>
		<view @click="navTo(`/pages/articleall/detail?id=${item.id}`)" class="tjwz-v">
			<image class="tjwz-img " :src="item.img" lazy-load></image>
		</view>
		
	</view>
</template>

<script>
	export default {
		props: {
			isColumn: { // 是否纵向排列图片和文字（true纵向，false则横向）
				type: Boolean,
				default: false
			},
			
			item: {
				type: Object, 
				default: () => ({
					id: 1,
					mainImage: '/static/images/banner2.jpg',
					totalTime: '00:59:38',
					title: 'uni-app梦学谷在线教育项目实战！',
					nickName: '梦学谷',
					isFree: 0, // 是否收费0收费，1免费
					priceOriginal: 999, // 原价
					priceDiscount: 599, // 优惠价
					studyTotal: 399
				})
			}
		}
	}
</script>

<style lang="scss">
	.tjwz-v{margin-top: 30rpx;
	.tjwz-img{
		width: 690rpx;
		height: 280rpx;
	}	
	}
	
</style>
